Skip to content

Add: Fluid Typography & CSS clamp() Calculator Studio - #804

Merged
praveenscience merged 1 commit into
praveenscience:mainfrom
Akshatshukla-25:add/fluid-typography-calculator
Jul 30, 2026
Merged

Add: Fluid Typography & CSS clamp() Calculator Studio#804
praveenscience merged 1 commit into
praveenscience:mainfrom
Akshatshukla-25:add/fluid-typography-calculator

Conversation

@Akshatshukla-25

Copy link
Copy Markdown
Contributor

What does this PR do?

Closes #798

Adds Fluid Typography & CSS clamp() Calculator Studio (tools/fluid-typography-calculator.html) under the CSS Tools category. The tool provides a visual playground to calculate, preview, and generate CSS clamp(min, preferred, max) linear interpolation formulas for fluid typography and spacing with an interactive drag-resizable viewport simulator and modular type scale generator.

Type of Change

  • New tool
  • Enhancement to existing tool
  • Bug fix
  • Documentation update
  • Build system / infrastructure

Screenshot

Fluid Typography & CSS clamp() Calculator Studio Screenshot

Checklist

  • I have read the Contributing Guide
  • My branch follows the naming convention (add/tool-name, feat/description, or fix/description)
  • I have tested my changes locally in at least one modern browser

For new tools:

  • The tool is a single self-contained .html file in the tools/ folder
  • The filename is kebab-case (fluid-typography-calculator.html)
  • I added an entry to data/tools.json with all required fields
  • I added a screenshot as tools/fluid-typography-calculator.png next to the HTML file
  • No JS frameworks or heavy UI libraries
  • I ran node scripts/sort-norm.js data/tools.json to sort and normalize the tools registry
  • I ran node scripts/build.js and verified the landing page renders correctly

@praveenscience
praveenscience merged commit 0e4fc4a into praveenscience:main Jul 30, 2026
2 checks passed
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Projects

None yet

Development

Successfully merging this pull request may close these issues.

Idea: Fluid Typography & CSS clamp() Calculator Studio — visual fluid scale builder

2 participants